
<%@ taglib uri="http://tiles.apache.org/tags-tiles" prefix="tiles"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<%@taglib prefix="s" uri="/struts-tags"%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title><tiles:insertAttribute name="title" ignore="true" /></title>
<script src="js/jquery.js"></script>
<script>
function PopupCenter(pageURL, w,h) {
var left = (screen.width/2)-(w/2);
var top = (screen.height/2)-(h/2);
var targetWin = window.open (pageURL, title, 'toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=no, resizable=no, copyhistory=no, width='+w+', height='+h+', top='+top+', left='+left);
} 
</script>
<style type="text/css">
.f1{
position:absolute;
width:100%;
height:60px;


}
td{
vertical-align:top;

}
</style>
<style type="text/css">
html, body {
	margin:0;
	padding:0;
	height:100%
}
h1, p { margin:0 0 1em }
#header, #footer {
	position:fixed;
	width:100%;
	left:0;
	top:0;
	background:black;
	height:50px;
	opacity:0.9;
	
}
#footer {
	bottom:0;
	height:20px;
	top:auto;
	opacity:0.7;
}
#menu{
	position:fixed;
	bottom:25px;
}
#shade_left{
	position:fixed;
	left:160px;
	top:55px;
	bottom:23px;
}
#shade_top{
	position:fixed;
	left:100px;
	top:105px;
}
#shade_bottom{
	position:fixed;
	left:100px;
	top:105px;
	bottom:50px;
}
#shade_right{
	position:fixed;
	right:50px;
	top:55px;
	bottom:25px;
}

#content {
	position:fixed;
	left:180px;
	top:60px;
	right:30px;
	bottom:50px;
	width:80%;
}
#content a:LINK {
	color: #009ACD;
	
}

#content a:VISITED {
	color: #009ACD;
	
}
#content a:ACTIVE {
	color: black;
}

#content a:HOVER {
	color: red;
}
a:LINK {
	color: #009ACD;
	
}

a:VISITED {
	color: #009ACD;
	
}
a:ACTIVE {
	color: black;
}

a:HOVER {
	color: red;
}


table#right_icon {
	position:fixed;
	color: white;
	right:0;
	left:1000;
	top:100;
}

table #right_icon :HOVER {
	border-width:medium;
	border-color: grey;
	border-style: solid;
	border-right: none;
	text-transform: uppercase;
}

#aaa :HOVER {
	border: none;
}

</style>

</head>
<body>

<table border="1" cellpadding="2" cellspacing="2" align="center" width="100%">

	<tr bgcolor="black">
		<td id="header" bgcolor="black" height="30" colspan="2"  style="border-bottom-color:#009ACD;border-bottom-style:inset;border-bottom-width: thick;"><tiles:insertAttribute name="header" />
			
		</td>
	</tr>
	<tr>
	<td>
		<table>
		<!--  // Profile image
			<tr>
				<td width="150px" height="150px" style="border: 3px double lightgray; position: fixed; top: 30px; left: 3px"><img alt="" src="<s:property value="profile_image"/>" ></td>
			</tr>
		-->
		<!--   // Profile image-->
		
			<tr>
			<!--  
		<s:iterator value="imagelist">
				<td width="140px" height="140px" style="border: 3px double lightgray; position: fixed; top: 30px; left: 10px">
				<img src="<s:property value="image" />" alt="Upload Image" height="140px" width="140px">
				<a href="javascript:void(0);" onclick="popup=window.open('uploadimage.action','Popup','location=center,width=520,height=50,left=430,top=23'); return false;" >Upload Image</a>
		
				</td>
			</s:iterator> 
			-->
			<td width="140px" height="140px" style="border:3px double lightgray; position: fixed; top: 30px; left: 10px"><tiles:insertAttribute name="profile_picture"></tiles:insertAttribute>
			
			</td>
			</tr>
			<tr>
				<td width="140px" height="20px" style="border:1px double lightgray; position: fixed;bottom: 550px; left:10px" align="center">
				<a href="javascript:void(0);"  onclick="popup=window.open('uploadimage.action','Popup','location=center,width=520,height=50,left=430,top=23'); return false;" >Edit Image</a>
		
				</td>
			</tr>
			<tr >
				<td width="150px" height="20px">
			
				</td>
			</tr>
			<tr>
				<td rowspan="3" id="menu" width="10%" height="400"><tiles:insertAttribute name="menu" /></td>
			</tr>
		</table>
	</td>
	
					
		<td  id="content"><table>
		<tr><td colspan="3" height="5"></td></tr>
		<tr>		
			
					 	<td id="shade_left" width="1%" style="background-image: url('./images/shade1_left.png'); background-repeat: repeat;"></td>	 
						
									<td  valign="top"  height="87%"><tiles:insertAttribute name="body" /></td>
							<td id="shade_right" width="1%" style="background-image: url('./images/shade1_right.png'); background-repeat: repeat;"></td>	
					<td style="position: fixed; right: 0; top: 800;"><table id="right_icon"><tr><td id="aaa" align="center" width="15" height="145" style="background-color:  #EE2C2C">
					<font color="white" style="font-size: small"><b><br>a<br>n<br>a<br>l<br>y<br>t<br>i<br>c<br>s</b></font></td></tr>
					
					</table></td>
		</tr>
		
		</table></td>
				
	</tr>
	
	<tr bgcolor="black">
		<td id="footer" height="100" colspan="2"  style="border-top-color: #009ACD;border-top-style:inset;border-top-width: thick;"><tiles:insertAttribute name="footer" />
		</td>
	</tr>
	
</table>

</body>
</html>